
/* #ifndef APP-PLUS-NVUE*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 0rpx!important;
	height: 0rpx!important;
	background-color: #F8F8F8;
}
  
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	// -webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,0.1);
	border-radius: 10px;
	background-color: #fff;
}
  
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,.1);
	background-color: #555;
}
.page {
	min-height: 100%;font-size: 28rpx; background-color: #FFFFFF; --primary: #FF3C00; --status: #FF8C00; --color_1: #FFF0C9; --required: rgba(218, 37, 28, 1);
}
.page-height {
	height: calc(100vh - var(--window-top));
}
.required {
	color: var(--required);
}
* {
	box-sizing: border-box;
}
view {
	box-sizing: border-box;
}
/* 防止图片闪一下 */
image {
	width: 40rpx; height: 40rpx; will-change: transform;display: block;
}
.inline{
	display: inline-block;
}
.box {
	box-sizing: border-box;
}
/* 过度 */
.transition {
	transition: all 0.5s;
}
/* #endif */

/* 图标 */
.iconfont {
	font-family: iconfont; 
	/* #ifndef APP-PLUS-NVUE */
	line-height: 1;
	/* #endif */
}
/* cursor */
.cursor {
	cursor: pointer;
}
.cursor-none {
	cursor: none;
}

/* 主色调 */


.text-primary-color, .text-primary {
	color: var(--primary);
}
.text-primary-hover {
	color: var(--primary);
}
.text-color-price {
	color: var(--status);
}
.text-status {
	color: var(--status);
}
.text-FF3C00 {
	color: #FF3C00;
}
.text-FE4928 {
	color: #FE4928
}
.text-7A4600{
	color: #7A4600;
}
.text-white, .text-color-white {
	color: #FFFFFF;
}
.text-black {
	color: #333333;
}
.text-gray  {
	color: #999999;
}
.text-000 {
	color: #000000;
}
.text-111 {
	color: #111111;
}
.text-222 {
	color: #222222;
}
.text-333, .text-color-333 {
	color: #333333;
}
.text-444 {
	color: #444444;
}
.text-555 {
	color: #555555;
}
.text-666, .text-color-666 {
	color: #666666;
}
.text-777 {
	color: #777777;
}
.text-888 {
	color: #888888;
}
.text-999, .text-color-999 {
	color: #999999;
}
.text-aaa {
	color: #aaaaaa;
}
.text-bbb {
	color: #bbbbbb;
}
.text-ccc {
	color: #cccccc;
}
.text-ddd {
	color: #dddddd;
}
.text-eee {
	color: #eeeeee;
}
.text-1B76FF{
	color: #1B76FF;
}
.text-ff782f {
	color: #ff782f;
}
.text-da251c {
	color: #39BF7C;
}
.text-39BF7C {
	color: #39BF7C;
}
.text-1E202A {
	color: #1E202A;
}
.text-color-FF6D00{
	color: #FF6D00;
	
}
.text-002FA7{
	color:#002FA7
}
.text-ff9d01 {
	color: #ff9d01
}
.text-F8E290{
	color: #F8E290 ;
}
.text-BABEC4{
	color: #BABEC4;
}


/* #ifndef APP-PLUS-NVUE */
.text-color-initial {
	color: initial;
}
.text-decoration-line{
	text-decoration: line-through;
}
.text-ff6d00{
	color: #FF6D00;
}
.text-0CD35B{
	color: #0CD35B;
}
.text-4095E5{
	color: #4095E5;
}
.text-45AF53{
	color: #45AF53;
}
.text-FF243D{
	color: #FF243D;
}
.text-FE4928 {
	color: #FE4928 ;
}
.text-DFDBD2{
	color: #DFDBD2;
}
.text-121317{
	color: #121317;
}
/* #endif */

/* hover */
.hover, .hover-o {
	opacity: .8;
}
.hover-gray {
	background-color: rgba(0, 0, 0, .06); opacity: .8;
}
.place {
	color: #999999;
}
/* 背景色调 */
.bg-primary, .bg-primary-color {
	background-color: var(--primary);
}
.bg-primary-hover-color {
	background-color:  var(--primary);
}
.bg-primary-01 {
	background-color: rgba(218, 37, 28, .1);
}
.bg-border {
	background-color: #F7F8F9;
}
.bg-white {
	background-color: #FFFFFF;
}
.bg-dark, .bg-000 {
	background-color: #000000;
}
.bg-000-04{
	background-color: rgba(0,0,0,0.4);
}
.bg-000-05{
	background-color: rgba(0,0,0,0.5);
}
.bg-black, .bg-333 {
	background-color: #333333;
}
.bg-fafafc{
	background-color: #fafafc;
}
.bg-ffffff-fafafc{
	background: linear-gradient(#ffffff 0%,#fafafc 20%,#fafafc);
}
.bg-ff9d01-ff6d00{
	background: linear-gradient(135deg, #FF9D01, #FF6D00);
}
.bg-ff9d01-ff6d00-01{
	background: linear-gradient(135deg, rgba(255, 157, 1, 0.1), rgba(255, 109, 0, 0.1));
}
.bg-FF382E{
	background-color: #FF382E;
}
.bg-1e202a{
	background-color: #1e202a;
}
.bg-FF243D{
	background-color: #FF243D;
}
.bg-FFCB97{
	background-color: #FFCB97;
}
.bg-45AF53{
	background-color: #45AF53;
}
.bg-0F47CD{
	background-color: #0F47CD;
}
.bg-002FA7{
	background-color: #002FA7;
}
.bg-BBBBBB{
	background-color: #BBBBBB;
}
.bg-BBBEC3{
	background-color: #BBBEC3;
}
.bg-444 {
	background-color: #444444;
}
.bg-555 {
	background-color: #555555;
}
.bg-666 {
	background-color: #666666;
}
.bg-777 {
	background-color: #777777;
}
.bg-888 {
	background-color: #888888;
}
.bg-999 {
	background-color: #999999;
}
.bg-aaa {
	background-color: #aaaaaa;
}
.bg-ccc{
	background-color: #cccccc;
}
.bg-gray {
	background-color: #F8F8F8;
}
.bg-light-gray {
	background-color: #F7F8F9;
}
.bg-gray-hover-color {
	background-color: rgba(0, 0, 0, .02);
}
.bg-mask {
	background-color: rgba(0, 0, 0, .5);
}
.bg-tt {
	background-color: transparent;
}
.bg-blue {
	background-color: blue;
}
.bg-white-0_5 {
	background-color: rgba(255, 255, 255, .5);
}
.bg-fc9804 {
	background-color: #fc9804;
}
.bg-status {
	background-color: var(--status);
}
.bg-ff3c00 {
	background-color: #FF3C00;
}
.bg-da251c {
	background-color: #da251c;
}
.bg-f6f6f6{
	background-color: #f6f6f6;
}
.bg-f8f8f8 {
	background-color: #f8f8f8;
}
.bg-cd231a {
	background-color: #cd231a;
}
.bg-fffae5 {
	background-color: #fffae5;
}
.bg-ffed46 {
	background-color: #FFED46;
}
.bg-E6E6E6{
	background-color: #E6E6E6;
}
.bg-eeeeee{
	background-color: #eeeeee;
}
.bg-ff9a1f {
	background-color: #ff9a1f;
}
.bg-f9530c {
	background-color: #f9530c;
}
.bg-ff9a1f-01 {
	background-color: rgba(255, 154, 31, .1);
}
.bg-ff3c00-01{
	background-color: rgba(255, 60, 0, 0.1);
}
.bg-FF6724{
	background-color: #FF6724;
}
.bg-2A2C33{
	background-color: #2A2C33;
}
.bg-F8E290{
	background-color: #F8E290;
}
.bg-232127{
	background-color: #232127;
}
.bg-1E202A{
	background-color: #1E202A;
}
.bg-F8E290{
	background-color: #F8E290;
}
.bg-191A1F{
	background-color: #191A1F;
}
.bg-DFDBD2{
	background-color: #DFDBD2;
}
.bg-121317{
	background-color: #121317;
}

/* 阴影 */
.box-shadow-0-4-20-04{
	box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.04);
}
.box-shadow-0-4-30-02{
	box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.02);
}
.box-shadow-0-4-30-2{
	box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.2);
}

/* 字号 */
.text-b {
	font-weight: bold;
}
.text-100 {
	font-weight: 100;
}
.text-200 {
	font-weight: 200;
}
.text-300 {
	font-weight: 300;
}
.text-400 {
	font-weight: 400;
}
.text-500 {
	font-weight: 500;
}
.text-600 {
	font-weight: 600;
}
.text-700 {
	font-weight: 700;
}
.text-800 {
	font-weight: 800;
}
.text-12 {
	font-size: 12rpx;
}
.text-16 {
	font-size: 16rpx;
}
.text-20 {
	font-size: 20rpx;
}
.text-22 {
	font-size: 22rpx;
}
.text-24 {
	font-size: 24rpx;
}
.text-26 {
	font-size: 26rpx;
}
.text-28 {
	font-size: 28rpx;
}
.text-30{
	font-size: 30rpx;
}
.text-32 {
	font-size: 32rpx;
}
.text-36 {
	font-size: 36rpx;
}
.text-40 {
	font-size: 40rpx;
}
.text-42 {
	font-size: 42rpx;
}
.text-44 {
	font-size: 44rpx;
}
.text-48 {
	font-size: 48rpx;
}
.text-50 {
	font-size: 50rpx;
}
.text-52 {
	font-size: 52rpx;
}
.text-54 {
	font-size: 54rpx;
}
.text-56 {
	font-size: 56rpx;
}
.text-58 {
	font-size: 58rpx;
}
.text-60 {
	font-size: 60rpx;
}
.text-62 {
	font-size: 62rpx;
}
.text-64 {
	font-size: 64rpx;
}
.text-66 {
	font-size: 66rpx;
}
.text-68 {
	font-size: 68rpx;
}
.text-70 {
	font-size: 70rpx;
}
.text-80 {
	font-size: 80rpx;
}

.text-underline {
	text-decoration: underline;
}
.text-through {
	text-decoration: line-through;
}
/* 字体对齐 */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
/* #ifndef APP-PLUS-NVUE */
.text-justify {
	text-align: justify;
}
.va-center {
	vertical-align: center;
}
.va-top {
	vertical-align: top;
}
.va-bottom {
	vertical-align: bottom;
}
/* #endif */

/* 透明 */ 
.op-0 {
	opacity: 0;
}
.op-02 {
	opacity: 0.2;
}
.op-04 {
	opacity: 0.4;
}
.op-05 {
	opacity: 0.5;
}
.op-06 {
	opacity: 0.6;
}
.op-08 {
	opacity: 0.8;
}
.op-1 {
	opacity: 1;
}
/* 隐藏 */
.ov-hide {
	overflow: hidden;
}
/* #ifndef APP-PLUS-NVUE */
.vi-hide {
	visibility: hidden;
}
/* 隐藏 */
.ov-auto {
	overflow: auto;
}
/* #endif */

.transform-rotate-180{
	transform: rotate(180deg);
}

/* 定位 */
.p-abs, .abs {
	position: absolute;
}
.abs_xy {
	position: absolute; top: 50%; left: 50%; transform:  translate(-50%, -50%);
}
.abs_auto {
	position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.abs_top {
	position: absolute; top: 0; left: 0; right: 0;
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.abs_left {
	position: absolute; top: 0; left: 0; bottom: 0;
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.abs_right {
	position: absolute; top: 0; bottom: 0; right: 0;
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.abs_bottom {
	position: absolute; bottom: 0; left: 0; right: 0;
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.abs_center {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.abs_x {
	position: absolute; left: 50%; transform: translateX(-50%);
}
.abs_y {
	position: absolute; top: 50%; transform: translateY(-50%);
}
.p-fixed, .fixed {
	position: fixed;
}
.fixed_auto {
	position: fixed; top: 0; left: 0; bottom: 0; right: 0; 
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.fixed_center, .fixed_xy {
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.fixed_x {
	position: fixed; left: 50%; transform: translateX(-50%);
}
.fixed_y {
	position: fixed; top: 50%; transform: translateY(-50%);
}
.fixed_bottom {
	position: fixed; bottom: var(--window-bottom);
}
.fixed_top {
	position: fixed; top: var(--window-top);
}
.fixed_left {
	position: fixed; left: 0;
}
.fixed_right {
	position: fixed; right: 0;
}
.fixed_low {
	position: fixed; bottom: 0; left: 0; right: 0; 
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.fixed_up {
	position: fixed; top: 0; left: 0; right: 0; 
	/* #ifndef APP-PLUS-NVUE */
	margin: auto;
	/* #endif */
}
.p-rel, .rel {
	position: relative;
}
.p-sticky, .sticky {
	position: sticky;
}
.bottom, .bottom-0 {
	bottom: 0;
}
.bottom-w {
	bottom: var(--window-bottom);
}
.bottom-10 {
	bottom: 10rpx;
}
.bottom-18 {
	bottom: 18rpx;
}
.bottom-20 {
	bottom: 20rpx;
}
.bottom-28 {
	bottom: 28rpx;
}
.bottom-30 {
	bottom: 30rpx;
}
.bottom-40 {
	bottom: 40rpx;
}
.bottom-50 {
	bottom: 50rpx;
}
.bottom-60 {
	bottom: 60rpx;
}
.bottom-68 {
	bottom: 68rpx;
}
.bottom-70 {
	bottom: 70rpx;
}
.bottom-80 {
	bottom: 80rpx;
}
.bottom-90 {
	bottom: 90rpx;
}
.bottom-100 {
	bottom: 100rpx;
}
.bottom-110 {
	bottom: 110rpx;
}
.bottom-138 {
	bottom: 138rpx;
}

.bottom-150 {
	bottom: 150rpx;
}
.bottom-180 {
	bottom: 180rpx;
}
.bottom-200 {
	bottom: 200rpx;
}
.bottom--200 {
	bottom: -200rpx;
}
.bottom-270 {
	bottom: 270rpx;
}
.bottom-280{
	bottom: 280rpx;
}
.bottom-300 {
	bottom: 300rpx;
}
.bottom-330 {
	bottom: 330rpx;
}
.bottom-380 {
	bottom: 380rpx;
}
.bottom-422 {
	bottom: 422rpx;
}
.bottom-472 {
	bottom: 472rpx;
}
.bottom-522 {
	bottom: 522rpx;
}
.bottom-560 {
	bottom: 560rpx;
}
.bottom_-200vh {
	bottom: -200vh
}
.left, .left-0 {
	left: 0;
}
.top, .top-0 {
	top: 0;
}
.top-w {
	top: var(--window-top);
}
.top--6 {
	top: -6rpx;
}
.top-10 {
	top: 10rpx;
}
.top-18 {
	top: 18rpx;
}
.top-20 {
	top: 20rpx;
}
.top-26 {
	top: 26rpx;
}
.top-28 {
	top: 28rpx;
}
.top-30 {
	top: 30rpx;
}
.top-40 {
	top: 40rpx;
}
.top-50 {
	top: 50rpx;
}
.top-56 {
	top: 56rpx;
}
.top--58 {
	top: -58rpx;
}
.top-60 {
	top: 60rpx;
}
.top-70 {
	top: 70rpx;
}
.top-80 {
	top: 80rpx;
}
.top-82 {
	top: 82rpx;
}
.top-90 {
	top: 90rpx;
}
.top-100 {
	top: 100rpx;
}
.top-130 {
	top: 130rpx;
}
.top-138 {
	top: 138rpx;
}
.top-196 {
	top: 196rpx;
}
.top-200 {
	top: 200rpx;
}
.left-10 {
	left: 10rpx;
}
.left-18 {
	left: 18rpx;
}
.left-20 {
	left: 20rpx;
}
.left-28 {
	left: 28rpx;
}
.left-30 {
	left: 30rpx;
}
.left-32 {
	left: 32rpx;
}
.left-40 {
	left: 40rpx;
}
.left-48 {
	left: 48rpx;
}
.left-50 {
	left: 50rpx;
}
.left-60 {
	left: 60rpx;
}
.left-68 {
	left: 68rpx;
}
.left-70 {
	left: 70rpx;
}
.left-80 {
	left: 80rpx;
}
.left-90 {
	left: 90rpx;
}
.left-100 {
	left: 100rpx;
}
.left-108 {
	left: 108rpx;
}
.left-200 {
	left: 200rpx;
}
.left-458 {
	left: 458rpx;
}
.right, .right-0 {
	right: 0;
}
.right-10 {
	right: 10rpx;
}
.right-18 {
	right: 18rpx;
}
.right-20 {
	right: 20rpx;
}
.right-24 {
	right: 24rpx;
}
.right-28 {
	right: 28rpx;
}
.right-30 {
	right: 30rpx;
}
.right-36{
	right: 36rpx;
}
.right--30 {
	right: -30rpx;
}
.right-40 {
	right: 40rpx;
}
.right-50 {
	right: 50rpx;
}
.right-60 {
	right: 60rpx;
}
.right-70 {
	right: 70rpx;
}
.right-80 {
	right: 80rpx;
}
.right-90 {
	right: 90rpx;
}
.right-100 {
	right: 100rpx;
}
.right-108 {
	right: 108rpx;
}
.right-168 {
	right: 168rpx;
}
.right-458 {
	right: 458rpx;
}
/* 层级 */
.zindex-0 {
	z-index: 0;
}
.zindex-1 {
	z-index: 1;
}
.zindex-2 {
	z-index: 2;
}
.zindex-3 {
	z-index: 3;
}
.zindex-4 {
	z-index: 4;
}
.zindex-5 {
	z-index: 5;
}
.zindex-6 {
	z-index: 6;
}
.zindex-7 {
	z-index: 7;
}
.zindex-8 {
	z-index: 8;
}
.zindex-9 {
	z-index: 9;
}
.zindex-10 {
	z-index: 10;
}
.zindex-11 {
	z-index: 11;
}
.zindex-99 {
	z-index: 99;
}
.zindex-100 {
	z-index: 100;
}
.zindex-101 {
	z-index: 101;
}
.zindex-200 {
	z-index: 200;
}
.zindex-300 {
	z-index: 300;
}
.zindex-400 {
	z-index: 400;
}
.zindex-500 {
	z-index: 500;
}
.zindex-999 {
	z-index: 999;
}
.zindex-1000 {
	z-index: 1000;
}
.zindex-1001 {
	z-index: 1001;
}
.zindex-2000 {
	z-index: 2000;
}
.zindex-2001 {
	z-index: 2001;
}
.zindex-3000 {
	z-index: 3000;
}
.zindex-3001 {
	z-index: 3001;
}
.zindex-9999 {
	z-index: 9999;
}
.zindex-10000 {
	z-index: 10000;
}
.zindex-10001 {
	z-index: 10001;
}
.zindex-99999 {
	z-index: 99999;
}
.zindex-100000 {
	z-index: 100000;
}
.zindex-100001 {
	z-index: 100001;
}
/* margin */

/* #ifndef APP-PLUS-NVUE */
.mg-auto {
	margin: auto;
}
.mgx-auto {
	margin-left: auto; margin-right: auto;
}
.mgy-auto {
	margin-top: auto; margin-bottom: auto;
}
.mgl-auto {
	margin-left: auto;
}
.mgr-auto {
	margin-right: auto;
}
.mgt-auto {
	margin-top: auto;
}
.mgb-auto {
	margin-bottom: auto;
}
/* #endif */
.mg-0 {
	margin: 0;
}
.mgl-2 {
	margin-left: 2rpx;
}
.mgl-4 {
	margin-left: 4rpx;
}
.mgl-6 {
	margin-left: 6rpx;
}
.mgl-8 {
	margin-left: 8rpx;
}
.mg-10 {
	margin: 10;
}
.mg-20 {
	margin: 20;
}
.mg-30 {
	margin: 30;
}
.mg-40 {
	margin: 40;
}
.mg-50 {
	margin: 50;
}
.mg-60 {
	margin: 60;
}
.mg-70 {
	margin: 70;
}
.mg-80 {
	margin: 80;
}
.mg-90 {
	margin: 90;
}
.mg-100 {
	margin: 100;
}
.mgl-0 {
	margin-left: 0;
}
.mgl-10 {
	margin-left: 10rpx;
}
.mgl-12 {
	margin-left: 12rpx;
}
.mgl-14 {
	margin-left: 14rpx;
}
.mgl-15 {
	margin-left: 15rpx;
}
.mgl-16 {
	margin-left: 16rpx;
}
.mgl-18 {
	margin-left: 18rpx;
}
.mgl-20 {
	margin-left: 20rpx;
}
.mgl-20 {
	margin-left: 20rpx;
}
.mgl-22 {
	margin-left: 22rpx;
}
.mgl-24 {
	margin-left: 24rpx;
}
.mgl-26 {
	margin-left: 26rpx;
}
.mgl-28 {
	margin-left: 28rpx;
}
.mgl-30 {
	margin-left: 30rpx;
}
.mgl-40 {
	margin-left: 40rpx;
}
.mgl-50 {
	margin-left: 50rpx;
}
.mgl-60 {
	margin-left: 60rpx;
}
.mgl-70 {
	margin-left: 70rpx;
}
.mgl-92 {
	margin-left: 92rpx;
}
.mgr-0 {
	margin-right: 0;
}
.mgr-10 {
	margin-right: 10rpx;
}
.mgr-12 {
	margin-right: 12rpx;
}
.mgr-14 {
	margin-right: 14rpx;
}
.mgr-15 {
	margin-right: 15rpx;
}
.mgr--15{
	margin-right: -15rpx;
}
.mgr-16 {
	margin-right: 16rpx;
}
.mgr-18 {
	margin-right: 18rpx;
}
.mgr-20 {
	margin-right: 20rpx;
}
.mgr-24{
	margin-right: 24rpx;
}
.mgr-28{
	margin-right: 28rpx;
}
.mgr-30 {
	margin-right: 30rpx;
}
.mgr-32 {
	margin-right: 32rpx;
}
.mgr-38 {
	margin-right: 38rpx;
}
.mgr-40 {
	margin-right: 40rpx;
}
.mgr-44 {
	margin-right: 44rpx;
}
.mgr-50 {
	margin-right: 50rpx;
}
.mgr-54 {
	margin-right: 54rpx;
}
.mgr-60 {
	margin-right: 60rpx;
}
.mgr-70 {
	margin-right: 70rpx;
}
.mgr-80 {
	margin-right: 80rpx;
}
.mgr-90 {
	margin-right: 90rpx;
}
.mgr-100 {
	margin-right: 100rpx;
}
.mgr-110 {
	margin-right: 110rpx;
}
.mgr-120 {
	margin-right: 120rpx;
}
.mgr-130 {
	margin-right: 130rpx;
}
.mgr-140 {
	margin-right: 140rpx;
}
.mgx-0 {
	margin-left: 0; margin-right: 0;
}
.mgx-5 {
	margin-left: 5rpx; margin-right: 5rpx;
}
.mgx-10 {
	margin-left: 10rpx; margin-right: 10rpx;
}
.mgx-20 {
	margin-left: 20rpx; margin-right: 20rpx;
}
.mgx-22 {
	margin-left: 22rpx; margin-right: 22rpx;
}
.mgx-24{
	margin-left: 24rpx; margin-right: 24rpx;
}
.mgx-24-{
	margin-left: -24rpx; margin-right: -24rpx;
}
.mgx-30 {
	margin-left: 30rpx; margin-right: 30rpx;
}
.mgx-40 {
	margin-left: 40rpx; margin-right: 40rpx;
}
.mgx-45 {
	margin-left: 45rpx; margin-right: 45rpx;
}
.mgx-50 {
	margin-left: 50rpx; margin-right: 50rpx;
}
.mgx-60 {
	margin-left: 60rpx; margin-right: 60rpx;
}
.mgx-70 {
	margin-left: 70rpx; margin-right: 70rpx;
}
.mgx-80 {
	margin-left: 80rpx; margin-right: 80rpx;
}
.mgx-90 {
	margin-left: 90rpx; margin-right: 90rpx;
}
.mgx-100 {
	margin-left: 100rpx; margin-right: 100rpx;
}
.mgy-0 {
	margin-top: 0; margin-bottom: 0;
}
.mgy-10 {
	margin-top: 10rpx; margin-bottom: 10rpx;
}
.mgy-20 {
	margin-top: 20rpx; margin-bottom: 20rpx;
}
.mgy-30 {
	margin-top: 30rpx; margin-bottom: 30rpx;
}
.mgy-40 {
	margin-top: 40rpx; margin-bottom: 40rpx;
}
.mgy-50 {
	margin-top: 50rpx; margin-bottom: 50rpx;
}
.mgy-60 {
	margin-top: 60rpx; margin-bottom: 60rpx;
}
.mgy-70 {
	margin-top: 70rpx; margin-bottom: 70rpx;
}
.mgy-80 {
	margin-top: 80rpx; margin-bottom: 80rpx;
}
.mgy-90 {
	margin-top: 90rpx; margin-bottom: 90rpx;
}
.mgy-100 {
	margin-top: 100rpx; margin-bottom: 100rpx;
}
.mgt-0 {
	margin-top: 0;
}
.mgt-2 {
	margin-top: 2rpx;
}
.mgt-4 {
	margin-top: 4rpx;
}
.mgt-6 {
	margin-top: 6rpx;
}
.mgt-8 {
	margin-top: 8rpx;
}
.mgt-10 {
	margin-top: 10rpx;
}
.mgt-12 {
	margin-top: 12rpx;
}
.mgt-14 {
	margin-top: 14rpx;
}
.mgt-15 {
	margin-top: 15rpx;
}
.mgt-16 {
	margin-top: 16rpx;
}
.mgt-18 {
	margin-top: 18rpx;
}
.mgt-20 {
	margin-top: 20rpx;
}
.mgt--20 {
	margin-top: -20rpx;
}
.mgt-22 {
	margin-top: 22rpx;
}
.mgt-23 {
	margin-top: 23rpx;
}
.mgt-24 {
	margin-top: 24rpx;
}
.mgt-26 {
	margin-top: 26rpx;
}
.mgt-28 {
	margin-top: 28rpx;
}
.mgt-30 {
	margin-top: 30rpx;
}
.mgt--30 {
	margin-top: -30rpx;
}
.mgt-32 {
	margin-top: 32rpx;
}
.mgt-35 {
	margin-top: 35rpx;
}
.mgt-36 {
	margin-top: 36rpx;
}
.mgt-38 {
	margin-top: 38rpx;
}
.mgt-40 {
	margin-top: 40rpx;
}
.mgt-42 {
	margin-top: 42rpx;
}
.mgt-44 {
	margin-top: 44rpx;
}
.mgt-46 {
	margin-top: 46rpx;
}
.mgt-48 {
	margin-top: 48rpx;
}
.mgt-50 {
	margin-top: 50rpx;
}
.mgt--50 {
	margin-top: -50rpx;
}
.mgt-60 {
	margin-top: 60rpx;
}
.mgt-66 {
	margin-top: 66rpx;
}
.mgt-70 {
	margin-top: 70rpx;
}
.mgt-76 {
	margin-top: 76rpx;
}
.mgt-80 {
	margin-top: 80rpx;
}
.mgt-86 {
	margin-top: 86rpx;
}
.mgt-90 {
	margin-top: 90rpx;
}
.mgt-100 {
	margin-top: 100rpx;
}
.mgt-110 {
	margin-top: 110rpx;
}
.mgt-114 {
	margin-top: 114rpx;
}
.mgt-120 {
	margin-top: 120rpx;
}
.mgt-130 {
	margin-top: 130rpx;
}
.mgt-136 {
	margin-top: 136rpx;
}
.mgt-140 {
	margin-top: 140rpx;
}
.mgt-160 {
	margin-top: 160rpx;
}
.mgt-170 {
	margin-top: 170rpx;
}
.mgt-180 {
	margin-top: 180rpx;
}
.mgt-190 {
	margin-top: 190rpx;
}
.mgt-200 {
	margin-top: 200rpx;
}
.mgt-210 {
	margin-top: 210rpx;
}
.mgt-220 {
	margin-top: 220rpx;
}
.mgt-230 {
	margin-top: 230rpx;
}
.mgt-240 {
	margin-top: 240rpx;
}
.mgt-300 {
	margin-top: 300rpx;
}
.mgb-0 {
	margin-bottom: 0;
}
.mgb-10 {
	margin-bottom: 10rpx;
}
.mgb-12{
	margin-bottom: 12rpx;
}
.mgb-20 {
	margin-bottom: 20rpx;
}
.mgb-24 {
	margin-bottom: 24rpx;
}
.mgb-28 {
	margin-bottom: 28rpx;
}
.mgb-30 {
	margin-bottom: 30rpx;
}
.mgb-34 {
	margin-bottom: 34rpx;
}
.mgb-40 {
	margin-bottom: 40rpx;
}
.mgb-50 {
	margin-bottom: 50rpx;
}
.mgb-60 {
	margin-bottom: 60rpx;
}
.mgb-70 {
	margin-bottom: 70rpx;
}
.mgb-80 {
	margin-bottom: 80rpx;
}
.mgb-90 {
	margin-bottom: 90rpx;
}
.mgb-100 {
	margin-bottom: 100rpx;
}
/* padding */
.pd-0 {
	padding: 0;
}
.pd-10 {
	padding: 10rpx;
}
.pd-20 {
	padding: 20rpx;
}
.pd-28 {
	padding: 28rpx;
}
.pd-30 {
	padding: 30rpx;
}
.pd-40 {
	padding: 40rpx;
}
.pd-50 {
	padding: 50rpx;
}
.pd-60 {
	padding: 60rpx;
}
.pd-70 {
	padding: 70rpx;
}
.pd-80 {
	padding: 80rpx;
}
.pd-90 {
	padding: 90rpx;
}
.pd-100 {
	padding: 100rpx;
}
.pd-110 {
	padding: 110rpx;
}
.pdx-0 {
	padding-left: 0; padding-right: 0;
}
.pdx-4 {
	padding-left: 4rpx; padding-right: 4rpx;
}
.pdx-6 {
	padding-left: 6rpx; padding-right: 6rpx;
}
.pdx-8 {
	padding-left: 8rpx; padding-right: 8rpx;
}
.pdx-10 {
	padding-left: 10rpx; padding-right: 10rpx;
}
.pdx-12 {
	padding-left: 12rpx; padding-right: 12rpx;
}
.pdx-14 {
	padding-left: 14rpx; padding-right: 14rpx;
}
.pdx-15 {
	padding-left: 15rpx; padding-right: 15rpx;
}
.pdx-16 {
	padding-left: 16rpx; padding-right: 16rpx;
}
.pdx-18 {
	padding-left: 18rpx; padding-right: 18rpx;
}
.pdx-20 {
	padding-left: 20rpx; padding-right: 20rpx;
}
.pdx-22 {
	padding-left: 22rpx; padding-right: 22rpx;
}
.pdx-24 {
	padding-left: 24rpx; padding-right: 24rpx;
}
.pdx-26 {
	padding-left: 26rpx; padding-right: 26rpx;
}
.pdx-28 {
	padding-left: 28rpx; padding-right: 28rpx;
}
.pdx-30 {
	padding-left: 30rpx; padding-right: 30rpx;
}
.pdx-32 {
	padding-left: 32rpx; padding-right: 32rpx;
}
.pdx-40 {
	padding-left: 40rpx; padding-right: 40rpx;
}
.pdx-45 {
	padding-left: 45rpx; padding-right: 45rpx;
}
.pdx-48 {
	padding-left: 48rpx; padding-right: 48rpx;
}
.pdx-50 {
	padding-left: 50rpx; padding-right: 50rpx;
}
.pdx-56 {
	padding-left: 56rpx; padding-right: 56rpx;
}
.pdx-60 {
	padding-left: 60rpx; padding-right: 60rpx;
}
.pdx-66 {
	padding-left: 66rpx; padding-right: 66rpx;
}
.pdx-70 {
	padding-left: 70rpx; padding-right: 70rpx;
}
.pdx-80 {
	padding-left: 80rpx; padding-right: 80rpx;
}
.pdx-100 {
	padding-left: 100rpx; padding-right: 100rpx;
}
.pdx-110 {
	padding-left: 110rpx; padding-right: 110rpx;
}
.pdx-120 {
	padding-left: 120rpx; padding-right: 120rpx;
}
.pdy-0 {
	padding-top: 0; padding-bottom: 0;
}
.pdy-2 {
	padding-top: 2rpx; padding-bottom: 2rpx;
}
.pdy-4 {
	padding-top: 4rpx; padding-bottom: 4rpx;
}
.pdy-6 {
	padding-top: 6rpx; padding-bottom: 6rpx;
}
.pdy-8 {
	padding-top: 8rpx; padding-bottom: 8rpx;
}
.pdy-10 {
	padding-top: 10rpx; padding-bottom: 10rpx;
}
.pdy-12 {
	padding-top: 12rpx; padding-bottom: 12rpx;
}
.pdy-14 {
	padding-top: 14rpx; padding-bottom: 14rpx;
}
.pdy-16 {
	padding-top: 16rpx; padding-bottom: 16rpx;
}
.pdy-18 {
	padding-top: 18rpx; padding-bottom: 18rpx;
}
.pdy-20 {
	padding-top: 20rpx; padding-bottom: 20rpx;
}
.pdy-22 {
	padding-top: 22rpx; padding-bottom: 22rpx;
}
.pdy-24 {
	padding-top: 24rpx; padding-bottom: 24rpx;
}
.pdy-25 {
	padding-top: 25rpx; padding-bottom: 25rpx;
}
.pdy-28 {
	padding-top: 28rpx; padding-bottom: 28rpx;
}
.pdy-30 {
	padding-top: 30rpx; padding-bottom: 30rpx;
}
.pdy-32 {
	padding-top: 32rpx; padding-bottom: 32rpx;
}
.pdy-34 {
	padding-top: 34rpx; padding-bottom: 34rpx;
}
.pdy-35 {
	padding-top: 35rpx; padding-bottom: 35rpx;
}
.pdy-36 {
	padding-top: 36rpx; padding-bottom: 36rpx;
}
.pdy-40 {
	padding-top: 40rpx; padding-bottom: 40rpx;
}
.pdy-48 {
	padding-top: 48rpx; padding-bottom: 48rpx;
}

.pdy-50 {
	padding-top: 50rpx; padding-bottom: 50rpx;
}
.pdy-60 {
	padding-top: 60rpx; padding-bottom: 60rpx;
}
.pdy-70 {
	padding-top: 70rpx; padding-bottom: 70rpx;
}
.pdy-80 {
	padding-top: 80rpx; padding-bottom: 80rpx;
}
.pdy-100 {
	padding-top: 100rpx; padding-bottom: 100rpx;
}
.pdy-110 {
	padding-top: 110rpx; padding-bottom: 110rpx;
}
.pdy-120 {
	padding-top: 120rpx; padding-bottom: 120rpx;
}
.pdt-0 {
	padding-top: 0;
}
.pdt-8 {
	padding-top: 8rpx;
}
.pdt-10 {
	padding-top: 10rpx;
}
.pdt-14 {
	padding-top: 14rpx;
}
.pdt-15 {
	padding-top: 15rpx;
}
.pdt-20 {
	padding-top: 20rpx;
}
.pdt-22 {
	padding-top: 22rpx;
}
.pdt-24 {
	padding-top: 24rpx;
}
.pdt-26 {
	padding-top: 26rpx;
}
.pdt-28 {
	padding-top: 28rpx;
}
.pdt-30 {
	padding-top: 30rpx;
}
.pdt-32 {
	padding-top: 32rpx;
}
.pdt-36 {
	padding-top: 36rpx;
}
.pdt-40 {
	padding-top: 40rpx;
}
.pdt-42 {
	padding-top: 42rpx;
}
.pdt-45{
	padding-top: 45rpx;
}
.pdt-46{
	padding-top: 46rpx;
}
.pdt-50 {
	padding-top: 50rpx;
}
.pdt-60 {
	padding-top: 60rpx;
}
.pdt-68 {
	padding-top: 68rpx;
}
.pdt-70 {
	padding-top: 70rpx;
}
.pdt-78 {
	padding-top: 78rpx;
}
.pdt-80 {
	padding-top: 80rpx;
}
.pdt-84 {
	padding-top: 84rpx;
}
.pdt-90 {
	padding-top: 90rpx;
}
.pdt-100 {
	padding-top: 100rpx;
}
.pdt-110 {
	padding-top: 110rpx;
}
.pdt-120 {
	padding-top: 120rpx;
}
.pdt-128 {
	padding-top: 128rpx;
}
.pdt-140 {
	padding-top: 140rpx;
}
.pdt-154 {
	padding-top: 154rpx;
}

.pdt-160 {
	padding-top: 160rpx;
}
.pdt-180 {
	padding-top: 180rpx;
}
.pdt-190 {
	padding-top: 190rpx;
}
.pdt-200 {
	padding-top: 200rpx;
}
.pdt-220 {
	padding-top: 220rpx;
}
.pdt-240 {
	padding-top: 240rpx;
}
.pdb-0 {
	padding-bottom: 0;
}
.pdb-10 {
	padding-bottom: 10rpx;
}
.pdb-12 {
	padding-bottom: 12rpx;
}
.pdb-14 {
	padding-bottom: 14rpx;
}
.pdb-15 {
	padding-bottom: 15rpx;
}
.pdb-16 {
	padding-bottom: 16rpx;
}
.pdb-18 {
	padding-bottom: 18rpx;
}
.pdb-20 {
	padding-bottom: 20rpx;
}
.pdb-22 {
	padding-bottom: 22rpx;
}
.pdb-24 {
	padding-bottom: 24rpx;
}
.pdb-28 {
	padding-bottom: 28rpx;
}
.pdb-30 {
	padding-bottom: 30rpx;
}
.pdb-36 {
	padding-bottom: 36rpx;
}
.pdb-38 {
	padding-bottom: 38rpx;
}
.pdb-40 {
	padding-bottom: 40rpx;
}
.pdb-50 {
	padding-bottom: 50rpx;
}
.pdb-52 {
	padding-bottom: 52rpx;
}
.pdb-60 {
	padding-bottom: 60rpx;
}
.pdb-70 {
	padding-bottom: 70rpx;
}
.pdb-80 {
	padding-bottom: 80rpx;
}
.pdb-86 {
	padding-bottom: 86rpx;
}
.pdb-90 {
	padding-bottom: 90rpx;
}
.pdb-100 {
	padding-bottom: 100rpx;
}
.pdb-110 {
	padding-bottom: 110rpx;
}
.pdb-120 {
	padding-bottom: 120rpx;
}
.pdb-140 {
	padding-bottom: 140rpx;
}
.pdb-150 {
	padding-bottom: 150rpx;
}
.pdb-156 {
	padding-bottom: 156rpx;
}
.pdb-158 {
	padding-bottom: 158rpx;
}
.pdb-160 {
	padding-bottom: 160rpx;
}
.pdb-200 {
	padding-bottom: 200rpx;
}
.pdl-0 {
	padding-left: 0;
}
.pdl-10 {
	padding-left: 10rpx;
}
.pdl-20 {
	padding-left: 20rpx;
}
.pdl-22 {
	padding-left: 22rpx;
}
.pdl-24 {
	padding-left: 24rpx;
}
.pdl-26 {
	padding-left: 26rpx;
}
.pdl-28 {
	padding-left: 28rpx;
}
.pdl-30 {
	padding-left: 30rpx;
}
.pdl-32 {
	padding-left: 32rpx;
}
.pdl-34 {
	padding-left: 34rpx;
}
.pdl-36 {
	padding-left: 36rpx;
}
.pdl-38 {
	padding-left: 38rpx;
}
.pdl-40 {
	padding-left: 40rpx;
}
.pdl-44 {
	padding-left: 44rpx;
}
.pdl-50 {
	padding-left: 50rpx;
}
.pdl-58 {
	padding-left: 58rpx;
}
.pdl-60 {
	padding-left: 60rpx;
}
.pdl-68 {
	padding-left: 68rpx;
}
.pdl-70 {
	padding-left: 70rpx;
}
.pdl-74 {
	padding-left: 74rpx;
}
.pdl-80 {
	padding-left: 80rpx;
}
.pdl-90 {
	padding-left: 90rpx;
}
.pdl-100 {
	padding-left: 100rpx;
}
.pdr-0 {
	padding-right: 0;
}
.pdr-10 {
	padding-right: 10rpx;
}
.pdr-20 {
	padding-right: 20rpx;
}
.pdr-30 {
	padding-right: 30rpx;
}
.pdr-40 {
	padding-right: 40rpx;
}
.pdr-50 {
	padding-right: 50rpx;
}
.pdr-54 {
	padding-right: 54rpx;
}
.pdr-58 {
	padding-right: 58rpx;
}
.pdr-60 {
	padding-right: 60rpx;
}
.pdr-62 {
	padding-right: 62rpx;
}
.pdr-70 {
	padding-right: 70rpx;
}
.pdr-80 {
	padding-right: 80rpx;
}
.pdr-90 {
	padding-right: 90rpx;
}
.pdr-100 {
	padding-right: 100rpx;
}
.pdr-110 {
	padding-right: 110rpx;
}
.pdr-120 {
	padding-right: 120rpx;
}
/* width */
.w {
	width: 100%;
}
.w-1 {
	width: 1rpx;
}
.w-10 {
	width: 10rpx;
}
.w-12 {
	width: 12rpx;
}
.w-14 {
	width: 14rpx;
}
.w-15 {
	width: 15rpx;
}
.w-16 {
	width: 16rpx;
}
.w-18 {
	width: 18rpx;
}
.w-20 {
	width: 20rpx;
}
.w-22 {
	width: 22rpx;
}
.w-23 {
	width: 23rpx;
}
.w-24 {
	width: 24rpx;
}
.w-26 {
	width: 26rpx;
}
.w-28 {
	width: 28rpx;
}
.w-30 {
	width: 30rpx;
}
.w-32 {
	width: 32rpx;
}
.w-34 {
	width: 34rpx;
}
.w-36 {
	width: 36rpx;
}
.w-38 {
	width: 38rpx;
}
.w-40 {
	width: 40rpx;
}
.w-42 {
	width: 42rpx;
}
.w-44 {
	width: 44rpx;
}
.w-44px {
	width: 44px;
}
.w-46 {
	width: 46rpx;
}
.w-48 {
	width: 48rpx;
}
.w-50 {
	width: 50rpx;
}
.w-52 {
	width: 52rpx;
}
.w-54 {
	width: 54rpx;
}
.w-56 {
	width: 56rpx;
}
.w-58 {
	width: 58rpx;
}
.w-60 {
	width: 60rpx;
}
.w-62 {
	width: 62rpx;
}
.w-64 {
	width: 64rpx;
}
.w-65 {
	width: 65rpx;
}
.w-68{
	width: 68rpx;
}
.w-70 {
	width: 70rpx;
}
.w-72 {
	width: 72rpx
}
.w-80 {
	width: 80rpx;
}
.w-88{
	width: 88rpx;
}
.w-90 {
	width: 90rpx;
}
.w-96 {
	width: 96rpx;
}
.w-100 {
	width: 100rpx;
}
.w-110 {
	width: 110rpx;
}
.w-118 {
	width: 118rpx;
}
.w-120 {
	width: 120rpx;
}
.w-128 {
	width: 128rpx;
}
.w-130 {
	width: 130rpx;
}
.w-140 {
	width: 140rpx;
}
.w-144 {
	width: 144rpx;
}
.w-147 {
	width: 147rpx;
}
.w-160 {
	width: 160rpx;
}
.w-170 {
	width: 170rpx;
}
.w-180 {
	width: 180rpx;
}
.w-190 {
	width: 190rpx;
}
.w-196 {
	width: 196rpx;
}
.w-200 {
	width: 200rpx;
}
.w-210 {
	width: 210rpx;
}
.w-240 {
	width: 240rpx;
}
.w-260 {
	width: 260rpx;
}
.w-220 {
	width: 220rpx;
}
.w-375, .w-1_2 {
	width: 375rpx;
}
.w-230 {
	width: 230rpx;
}
.w-250, .w-1_3 {
	width: 250rpx;
}
.w-253 {
	width: 253rpx;
}
.w-260 {
	width: 260rpx;
}
.w-270 {
	width: 270rpx;
}
.w-272 {
	width: 272rpx;
}
.w-278 {
	width: 278rpx;
}
.w-280 {
	width: 280rpx;
}
.w-290 {
	width: 290rpx;
}
.w-292 {
	width: 292rpx;
}
.w-300 {
	width: 300rpx;
}
.w-304 {
	width: 304rpx;
}
.w-310 {
	width: 310rpx;
}
.w-320 {
	width: 320rpx;
}
.w-324 {
	width: 324rpx;
}
.w-330 {
	width: 330rpx;
}
.w-335 {
	width: 335rpx;
}
.w-338 {
	width: 338rpx;
}
.w-340 {
	width: 340rpx;
}
.w-350 {
	width: 350rpx;
}
.w-360 {
	width: 360rpx;
}
.w-370 {
	width: 370rpx;
}
.w-380 {
	width: 380rpx;
}
.w-400 {
	width: 400rpx;
}
.w-420 {
	width: 420rpx;
}
.w-422 {
	width: 422rpx;
}
.w-440 {
	width: 440rpx;
}
.w-450 {
	width: 450rpx;
}
.w-468 {
	width: 468rpx;
}
.w-470 {
	width: 470rpx;
}
.w-500 {
	width: 500rpx;
}
.w-504 {
	width: 504rpx;
}
.w-512{
	width: 512rpx;
}
.w-560{
	width: 560rpx;
}
.w-568{
	width: 568rpx;
}
.w-580 {
	width: 580rpx;
}
.w-596{
	width: 596rpx;
}
.w-600{
	width: 600rpx;
}
.w-630{
	width: 630rpx;
}
.w-632{
	width: 632rpx;
}
.w-677{
	width: 677rpx;
}
.w-688{
	width: 688rpx;
}
.w-690{
	width: 690rpx;
}
.w-710{
	width: 710rpx;
}
.w-187, .w-1_4 {
	width: 187.5rpx;
}
.w-150, .w-1_5 {
	width: 150rpx;
}
.w-125, .w-1_6 {
	width: 125rpx;
}
.w-93, .w-1_8 {
	width: 93.75rpx;
}
.w-750, .w100 {
	width: 750rpx;
}
.w-750 {
	width: 750rpx;
}
.w_10 {
	width: 10%;
}
.w_20 {
	width: 20%;
}
.w_25 {
	width: 25%;
}
.w_33 {
	width: 33.33%;
}
.w_50 {
	width: 50%;
}
/* height */
.h, .h100 {
	height: 100%;
}
.hvh100 {
	height: 100vh;
}
.h-2 {
	height: 2rpx;
}
.h-4 {
	height: 4rpx;
}
.h-6 {
	height: 6rpx;
}
.h-8 {
	height: 8rpx;
}
.h-10 {
	height: 10rpx;
}
.h-11 {
	height: 11rpx;
}
.h-12 {
	height: 12rpx;
}
.h-14 {
	height: 14rpx;
}
.h-15 {
	height: 15rpx;
}
.h-16 {
	height: 16rpx;
}
.h-18 {
	height: 18rpx;
}
.h-20 {
	height: 20rpx;
}
.h-22 {
	height: 22rpx;
}
.h-24 {
	height: 24rpx;
}
.h-26 {
	height: 26rpx;
}
.h-28 {
	height: 28rpx;
}
.h-30 {
	height: 30rpx;
}
.h-32 {
	height: 32rpx;
}
.h-34 {
	height: 34rpx;
}
.h-36 {
	height: 36rpx;
}
.h-38 {
	height: 38rpx;
}
.h-40 {
	height: 40rpx;
}
.h-40px {
	height: 40px;
}
.h-42{
	height: 42rpx;
}
.h-44 {
	height: 44rpx;
}
.h-48 {
	height: 48rpx;
}
.h-44px {
	height: 44px;
}
.h-50 {
	height: 50rpx;
}
.h-52 {
	height: 52rpx;
}
.h-54 {
	height: 54rpx;
}
.h-56 {
	height: 56rpx;
}
.h-60 {
	height: 60rpx;
}
.h-61 {
	height: 61rpx;
}
.h-62 {
	height: 62rpx;
}
.h-63 {
	height: 63rpx;
}
.h-64 {
	height: 64rpx;
}
.h-65 {
	height: 65rpx;
}
.h-66 {
	height: 66rpx;
}
.h-67 {
	height: 67rpx;
}
.h-68 {
	height: 68rpx;
}
.h-69 {
	height: 69rpx;
}
.h-70 {
	height: 70rpx;
}
.h-78 {
	height: 78rpx;
}
.h-80 {
	height: 80rpx;
}
.h-88 {
	height: 88rpx;
}
.h-90 {
	height: 90rpx;
}
.h-92 {
	height: 92rpx;
}
.h-96 {
	height: 96rpx;
}
.h-100 {
	height: 100rpx;
}
.h-102 {
	height: 102rpx;
}
.h-104 {
	height: 104rpx;
}
.h-106 {
	height: 106rpx;
}
.h-108 {
	height: 108rpx;
}
.h-110 {
	height: 110rpx;
}
.h-120 {
	height: 120rpx;
}
.h-126 {
	height: 126rpx;
}
.h-128 {
	height: 128rpx;
}
.h-130 {
	height: 130rpx;
}
.h-134 {
	height: 134rpx;
}
.h-140 {
	height: 140rpx;
}
.h-144 {
	height: 144rpx;
}
.h-150 {
	height: 150rpx;
}
.h-152 {
	height: 152rpx;
}
.h-160 {
	height: 160rpx;
}
.h-160 {
	height: 160rpx;
}
.h-170 {
	height: 170rpx;
}
.h-175 {
	height: 175rpx;
}
.h-180 {
	height: 180rpx;
}
.h-184 {
	height: 184rpx;
}
.h-190 {
	height: 190rpx;
}
.h-196 {
	height: 196rpx;
}
.h-200 {
	height: 200rpx;
}
.h-210 {
	height: 210rpx;
}
.h-220 {
	height: 220rpx;
}
.h-240 {
	height: 240rpx;
}
.h-248 {
	height: 248rpx;
}
.h-250{
	height: 250rpx;
}
.h-260 {
	height: 260rpx;
}
.h-280 {
	height: 280rpx;
}
.h-300 {
	height: 300rpx;
}
.h-320 {
	height: 320rpx;
}
.h-324 {
	height: 324rpx;
}
.h-326 {
	height: 326rpx;
}
.h-332 {
	height: 332rpx;
}
.h-340 {
	height: 340rpx;
}
.h-350 {
	height: 350rpx;
}
.h-356 {
	height: 356rpx;
}
.h-358 {
	height: 358rpx;
}
.h-360 {
	height: 360rpx;
}
.h-380 {
	height: 380rpx;
}
.h-400 {
	height: 400rpx;
}
.h-420 {
	height: 420rpx;
}
.h-422 {
	height: 422rpx;
}
.h-440 {
	height: 440rpx;
}
.h-450 {
	height: 450rpx;
}
.h-460 {
	height: 460rpx;
}
.h-476 {
	height: 476rpx;
}
.h-480 {
	height: 480rpx;
}
.h-484 {
	height: 484rpx;
}
.h-500 {
	height: 500rpx;
}
.h-508 {
	height: 508rpx;
}
.h-520 {
	height: 520rpx;
}
.h-540 {
	height: 540rpx;
}
.h-568 {
	height: 568rpx;
}
.h-575 {
	height: 575rpx;
}
.h-600 {
	height: 600rpx;
}
.h-640 {
	height: 640rpx;
}
.h-670 {
	height: 670rpx;
}
.h-720 {
	height: 720rpx;
}
.h-750 {
	height: 750rpx;
}
.h-760 {
	height: 760rpx;
}
.h-800 {
	height: 800rpx;
}
.h-958 {
	height: 958rpx;
}

/* #ifndef APP-PLUS-NVUE*/
/* min-width */

.minw-10 {
	min-width: 10rpx;
}
.minw-20 {
	min-width: 20rpx;
}
.minw-30 {
	min-width: 30rpx;
}
.minw-40 {
	min-width: 40rpx;
}
.minw-50 {
	min-width: 50rpx;
}
.minw-60 {
	min-width: 60rpx;
}
.minw-70 {
	min-width: 70rpx;
}
.minw-80 {
	min-width: 80rpx;
}
.minw-90 {
	min-width: 90rpx;
}
.minw-100 {
	min-width: 100rpx;
}
.minw-120 {
	min-width: 120rpx;
}
/* min-height */
.minh_100 {
	min-height: 100%;
}
.minh {
	min-height: 100vh;
}
.minhh {
	min-height: calc(100vh - 44px - env(safe-area-inset-top))
}
.minh-100 {
	min-height: 100rpx;
}
.minh-120 {
	min-height: 120rpx;
}
.minvh-100{
	min-height: 100vh;
}


/* maxheight */
.maxvh-10 {
	max-height: 10vh;
}
.maxvh-20 {
	max-height: 20vh;
}
.maxvh-30 {
	max-height: 30vh;
}
.maxvh-40 {
	max-height: 40vh;
}
.maxvh-50 {
	max-height: 50vh;
}
.maxvh-60 {
	max-height: 60vh;
}
.maxvh-70 {
	max-height: 70vh;
}
.maxvh-80 {
	max-height: 80vh;
}
.maxvh-90 {
	max-height: 90vh;
}
.maxvh-100 {
	max-height: 100vh;
}
.mh-10 {
	max-height: 10rpx;
}
.mh-20 {
	max-height: 20rpx;
}
.mh-30 {
	max-height: 30rpx;
}
.mh-40 {
	max-height: 40rpx;
}
.mh-50 {
	max-height: 50rpx;
}
.mh-60 {
	max-height: 60rpx;
}
.mh-80 {
	max-height: 80rpx;
}
.mh-90 {
	max-height: 90rpx;
}
.mh-100 {
	max-height: 100rpx;
}
.mh-120 {
	max-height: 120rpx;
}
.mh-130 {
	max-height: 130rpx;
}
.mh-140 {
	max-height: 140rpx;
}
.mh-150 {
	max-height: 150rpx;
}
.mh-160 {
	max-height: 160rpx;
}
.maxh-568{
	max-height: 568rpx;
}
/* #endif */
/* lineheight */
.lh-1 {
	line-height: 1;
}
.lh-1_2 {
	line-height: 1.2;
}
.lh-1_4 {
	line-height: 1.4;
}
.lh-1_6 {
	line-height: 1.6;
}
.lh-1_8 {
	line-height: 1.8;
}
.lh-2 {
	line-height: 2;
}
.lh-2_2 {
	line-height: 2.2;
}
/* #ifndef APP-PLUS-NVUE */
.lh-ih {
	line-height: inherit;
}
.line-32 {
	line-height: 32rpx;
}
.line-34 {
	line-height: 34rpx;
}
.line-36 {
	line-height: 36rpx;
}
.line-40 {
	line-height: 40rpx;
}
.line-42{
	line-height: 42rpx;
}
.line-48{
	line-height: 48rpx;
}
.line-50{
	line-height: 50rpx;
}
.line-56{
	line-height: 56rpx;
}
.line-64{
	line-height: 64rpx;
}
/* #endif */
/* #ifndef APP-PLUS-NVUE*/
/* scroll-view */
.scroll-row, .scroll-x {
	white-space: nowrap;
}
/* #endif */


/* 边框 */
.border-yellow {
	border: 1px solid var(--status);
}
.border {
	border: 1px solid #eeeeee;
}
.border-4{
	border-width: 4rpx;
}
.border-top {
	border-top: 1px solid #eeeeee;
}
.border-top-20{
	border-top: 20rpx solid #eeeeee;
}
.border-bottom-20{
	border-bottom: 20rpx solid #eeeeee;
}
.border-left {
	border-left: 1px solid #eeeeee;
}
.border-bottom  {
	border-bottom: 1px solid #eeeeee;
}
.border-right {
	border-right: 1px solid rgba(187, 190, 195, 0.2);
}
.border-width-2px {
	border-width: 2px;
}
.border-primary-color, .border-color-primary, .border-primary {
	border-color: var(--primary);
}
.border-color-primary-02, .border-primary-02 {
	border-color: rgba(218, 37, 28, .2);
}
.border-white, .border-color-white {
	border-color: #ffffff;
}
.border-color-eee {
	border-color: #eeeeee;
}
.border-color-e5e5e5 {
	border-color: #e5e5e5;
}
.border-color-f8f8f8 {
	border-color: #f8f8f8;
}
.border-color-BBBBBB{
	border-color: #BBBBBB;
}
.border-color-1B76FF{
	border-color: #1B76FF;
}
.border-color-transparent {
	border-color: rgba(0, 0, 0, 0);
}
.border-color-tt {
	border-color: transparent;
}
.border-999 {
	border-color: #999999;
}
.border-status {
	border-color: var(--status);
}
.border-FF6D00-02{
	border: 2rpx solid rgba(255, 109, 0, 0.2);
}
.baf, .bef {
	position: relative;
}
/* #ifndef APP-PLUS-NVUE */
.baf::after, .bef::before {
	content: ''; display: inline-block; position: absolute; border-bottom: 1px solid #F7F8F9; left: 0; right: 0; margin: auto;
}
/* #endif */
.baf::after {
	top: 0;
}
.bef::before {
	bottom: 0;
}
/* 圆角 */
.radio-0 {
	border-radius: 0rpx;
}
.radio-2 {
	border-radius: 2rpx;
}
.radio-4 {
	border-radius: 4rpx;
}
.radio-6 {
	border-radius: 6rpx;
}
.radio-8 {
	border-radius: 8rpx;
}
.radio-9 {
	border-radius: 9rpx;
}
.radio-10  {
	border-radius: 10rpx;
}
.radio-12 {
	border-radius: 12rpx;
}
.radio-16  {
	border-radius: 16rpx;
}
.radio-17  {
	border-radius: 17rpx;
}
.radio-20  {
	border-radius: 20rpx;
}
.radio-22  {
	border-radius: 22rpx;
}
.radio-24  {
	border-radius: 24rpx;
}
.radio-30  {
	border-radius: 30rpx;
}
.radio-34  {
	border-radius: 34rpx;
}
.radio-40  {
	border-radius: 40rpx;
}
.radio-46  {
	border-radius: 46rpx;
}
.radio-48  {
	border-radius: 48rpx;
}
.radio-50  {
	border-radius: 50rpx;
}
.radio-60  {
	border-radius: 60rpx;
}
.radio-70  {
	border-radius: 70rpx;
}
.radio-80  {
	border-radius: 80rpx;
}
.radio-90  {
	border-radius: 90rpx;
}
.radio-100  {
	border-radius: 100rpx;
}
.radio-120  {
	border-radius: 120rpx;
}
.radio-130  {
	border-radius: 130rpx;
}
.radio-140  {
	border-radius: 140rpx;
}
.radio-150  {
	border-radius: 150rpx;
}
.radio-160  {
	border-radius: 160rpx;
}
.radio-circle  {
	border-radius: 50%;
}
.radio-o {
	border-radius: 750rpx;
}
.radio-t-10 {
	border-top-left-radius: 10rpx; border-top-right-radius: 10rpx;
}
.radio-t-20 {
	border-top-left-radius: 20rpx; border-top-right-radius: 20rpx;
}
.radio-t-30 {
	border-top-left-radius: 30rpx; border-top-right-radius: 30rpx;
}
.radio-t-40 {
	border-top-left-radius: 40rpx; border-top-right-radius: 40rpx;
}
.radio-t-50 {
	border-top-left-radius: 50rpx; border-top-right-radius: 50rpx;
}
.radio-t-60 {
	border-top-left-radius: 60rpx; border-top-right-radius: 60rpx;
}
.radio-t-70 {
	border-top-left-radius: 70rpx; border-top-right-radius: 70rpx;
}

.radio-b-10 {
	border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx;
}
.radio-b-20 {
	border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx;
}
.radio-b-30 {
	border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx;
}
.radio-b-40 {
	border-bottom-left-radius: 40rpx; border-bottom-right-radius: 40rpx;
}
.radio-b-50 {
	border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx;
}
.radio-b-60 {
	border-bottom-left-radius: 60rpx; border-bottom-right-radius: 60rpx;
}
.radio-b-70 {
	border-bottom-left-radius: 70rpx; border-bottom-right-radius: 70rpx;
}

.radio-lt-10 {
	border-top-left-radius: 10rpx;
}
.radio-lt-20 {
	border-top-left-radius: 20rpx;
}
.radio-lt-30 {
	border-top-left-radius: 30rpx;
}
.radio-lt-32 {
	border-top-left-radius: 32rpx;
}
.radio-lt-40 {
	border-top-left-radius: 40rpx;
}
.radio-lt-50 {
	border-top-left-radius: 50rpx;
}
.radio-lt-60 {
	border-top-left-radius: 60rpx;
}

.radio-rt-10 {
	border-top-right-radius: 10rpx;
}
.radio-rt-20 {
	border-top-right-radius: 20rpx;
}
.radio-rt-30 {
	border-top-right-radius: 30rpx;
}
.radio-rt-40 {
	border-top-right-radius: 40rpx;
}
.radio-rt-50 {
	border-top-right-radius: 50rpx;
}
.radio-rt-60 {
	border-top-right-radius: 60rpx;
}

.radio-lb-10 {
	border-bottom-left-radius: 10rpx;
}
.radio-lb-20 {
	border-bottom-left-radius: 20rpx;
}
.radio-lb-30 {
	border-bottom-left-radius: 30rpx;
}
.radio-lb-32 {
	border-bottom-left-radius: 32rpx;
}
.radio-lb-40 {
	border-bottom-left-radius: 40rpx;
}
.radio-lb-50 {
	border-bottom-left-radius: 50rpx;
}
.radio-lb-60 {
	border-bottom-left-radius: 60rpx;
}

.radio-rb-10 {
	border-bottom-right-radius: 10rpx;
}
.radio-rb-20 {
	border-bottom-right-radius: 20rpx;
}
.radio-rb-30 {
	border-bottom-right-radius: 30rpx;
}
.radio-rb-40 {
	border-bottom-right-radius: 40rpx;
}
.radio-rb-50 {
	border-bottom-right-radius: 50rpx;
}
.radio-rb-60 {
	border-bottom-right-radius: 60rpx;
}
/* 分隔线 */
.divider_10 {
	width: 100%; height: 10rpx; background-color: #F8F8F8;
}
.divider_20 {
	width: 100%; height: 20rpx; background-color: #F8F8F8;
}
.divider_30 {
	width: 100%; height: 30rpx; background-color: #F8F8F8;
}
/* font fa*/
.font-source-han-sans-cn {
	font-family: Source Han Sans CN;
}

/* 文字换行溢出处理 */
.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-PLUS-NVUE */
	white-space: nowrap;
	line-height: normal;
	/* #endif */
}
/* #ifndef APP-NVUE */
.line_1 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-o-line-clamp: 1;
	line-clamp: 1;
	/* line-height: normal; */
	white-space: normal;
	overflow: hidden;
}
.line_2{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	line-height: normal;
	white-space: normal;
	overflow: hidden;
}
.line_3{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-o-line-clamp: 3;
	line-clamp: 3;
	line-height: normal;
	white-space: normal;
	overflow: hidden;
}
.line_4{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 4;
	-moz-line-clamp: 4;
	-ms-line-clamp: 4;
	-o-line-clamp: 4;
	line-clamp: 4;
	line-height: normal;
	white-space: normal;
	overflow: hidden;
}
.line_5{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 5;
	-moz-line-clamp: 5;
	-ms-line-clamp: 5;
	-o-line-clamp: 5;
	line-clamp: 5;
	line-height: normal;
	white-space: normal;
	overflow: hidden;
}
.line_6{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	-ms-line-clamp: 6;
	-o-line-clamp: 6;
	line-clamp: 6;
	line-height: normal;
	white-space: normal;
	overflow: hidden;
}
.text-nowrap{
	white-space: nowrap;
}
/* #endif */



.border-last-none:last-child{
	border:none;
}

.border-4-000{
	border:4rpx solid #000000;
}
.box-shadow-style-3{
	box-shadow: 0 4rpx 8rpx 2rpx rgba(248, 226, 144, 0.10) inset;
}
.border-2-DFDBD2{
	border:2px solid #DFDBD2
}

.flex{
	display: flex;
}

.fx-center{
	align-items: center;
	justify-content: center;
}
.bsx {
	box-sizing: border-box;
}
.grayTheme {
	-webkit-filter: grayscale(.95);
}

.bg-c5c5c5{
	background-color: #c5c5c5;
}
.bg-71a7ac{
	background-color: #71a7ac;
}